<template>
	<view class="notice da-center rounded">
		<view class="main-bgcolor rounded-6 p line-h0"><u-icon name="volume-up" size="24rpx" color="#fff"></u-icon></view>

		<text class="main-txtcolor font-md ml-2 spacing-4">通知公告</text>

		<view class="flex-1 py-2"><u-notice-bar mode="vertical" :list="data" :volume-icon="false" :more-icon="false" bg-color="#fff" color="#9B9B9B"></u-notice-bar></view>

		<u-icon name="arrow-right" color="#C7C7CC"></u-icon>
	</view>
</template>

<script>
export default {
	props: {
		data: {
			type: Array,
			default: () => []
		}
	}
};
</script>

<style lang="scss" scoped>
.notice {
	width: 750rpx;
	height: 90rpx;
	padding: 0 24rpx;
	background-color: #fff;
}
</style>
